<!-- 高管持股 -->
<template>
    <div class="table w1021">
        <div class="tableTh tableTr flex">
            <span class="tableTd w220 high">日期</span>
            <span class="tableTd w130 high">变动人</span>
            <span class="tableTd w220 high">变动数量（股）</span>
            <span class="tableTd w220 high">变动后股份（股）</span>
            <span class="tableTd w220 high">交易均价（元）</span>
            <span class="tableTd w220 high">董监高管</span>
            <span class="tableTd w220 high">与高管关系</span>
            <span class="tableTd w130 high">变动原因</span>
        </div>
        <div class="tableTr tableBody top flex" v-for="(item,index) in data" :key="index">
            <span class="orange tableTd w220 high">{{ item.chngDate|filterVal }}</span>
            <span class="orange tableTd w130 high">{{ item.holder|filterVal }}</span>
            <span class="orange tableTd w220 high">{{ item.chngVol|filterVal("no") }}</span>
            <span class="orange tableTd w220 high">{{ item.endVol|filterVal("no") }}</span>
            <span class="orange tableTd w220 high">{{ item.chegEp|filterVal("no") }}</span>
            <span class="orange tableTd w220 high">{{ item.post|filterVal }}</span>
            <span class="orange tableTd w220 high">{{ item.relation|filterVal }}</span>
            <span class="orange tableTd w130 high">{{ item.chngRsn|filterVal }}</span>
        </div>
        <div class="tableNone orange w1021 top" v-if="data.length==0">暂无数据</div>
    </div>
</template>

<script>
import {numberNo} from "../../script/api";

export default {
    data() {
        return {};
    },
    props: ["data"],
    filters: {
        filterVal(ops, num) {
            if (num == "no") {
                return numberNo(ops, num);
            }
            return ops ? ops : "--";
        }
    },
    components: {},
    computed: {},
    mounted() {
    },
    methods: {}
};
</script>
<style lang="scss" scoped>
</style>